.root {
  width: 10rem;
  height: 100vh;
  position: relative;
}

.root > .map {
  width: 100%;
  height: 100%;
}

/* 定义名为 breathe 的动画 */
@keyframes breathe {
  0% {
      opacity: 0.4; /* 起始透明度为 0.4 */
      transform: scale(0.9); /* 起始缩放比例为 0.9 */
  }
  50% {
      opacity: 1; /* 中间透明度为 1 */
      transform: scale(1.1); /* 中间缩放比例为 1.1 */
  }
  100% {
      opacity: 0.4; /* 结束透明度为 0.4 */
      transform: scale(0.9); /* 结束缩放比例为 0.9 */
  }
}

/* 应用动画到图片 */
img {
  width: 200px; /* 设置图片宽度 */
  height: auto; /* 保持图片高度自适应 */
  animation: breathe 3s ease-in-out infinite; /* 应用 breathe 动画，周期为 3 秒，使用 ease-in-out 缓动函数，无限循环 */
}
